<!--主体左侧-产品图册信息-->
<div class="col-sm-12 col-md-7 col-lg-5">
    <!--PC端轮播图-->
    <div class="st-detail-img hidden-xs hidden-sm">
        <div class="st-detail-img-left pull-left">
            <ul>
                @foreach($row->asset_img_photos as $photo)
                <li @if ($loop->first)class="active" @endif><img src="{{$photo['src']}}" data-src="{{$photo['src']}}" alt="{{$row->title}}"></li>
                @endforeach
            </ul>
        </div>
        <div class="st-detail-img-right pull-right">
            <div class="pic">
                @isset($row->asset_img_photos[0]['src'])
                <img src="{{$row->asset_img_photos[0]['src']}}" alt="{{$row->title}}">
                @endisset
                <div class="magnify"></div>
            </div>
            <div class="bigpic">
                @isset($row->asset_img_photos[0]['src'])
                <img src="{{$row->asset_img_photos[0]['src']}}" alt="{{$row->title}}"  >
                @endisset
            </div>
            <div class="st-detail-img-right-share">
                <!--分享-->
                <p class="st-share">@lang('Share to'): 
                    <a href="#" class="bi-facebook"></a>
                    <a href="#" class="bi-twitter"></a>
                    <a href="#" class="bi-instagram"></a>
                    <a href="#" class="bi-linkedin"></a>
                </p>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
    <!--移动端轮播图-->
    <div class="st-detail-img visible-xs visible-sm">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                @foreach($row->asset_img_photos as $photo)
                <div class="swiper-slide"><img src="{{$photo['src']}}" alt="{{$row->title}}" class="img-responsive"></div>
                @endforeach
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>
    </div>
</div>
<div class="col-sm-12 col-md-5 col-lg-7">
    <div class="row">
        <!--主体右侧-产品属性信息-->
        <div class="col-sm-12 col-lg-7">
            <div class="st-detail-attr">
                <h3>{{$row->title}}</h3>
                <dl class="st-general st-itemcode">
                    <dd>@lang('Item code #'):{{$row->sku}}</dd>
                </dl>
                <dl class="st-general st-price">
                    <dt>{{$_current_currency_name}} {{$row->sale_price}}<del>{{$_current_currency_name}} {{$row->original_price}}</del></dt>
                </dl>
                @foreach($price_sepcs as $price_sepc)
                <dl class="st-attr @if($price_sepc['is_show_img'] ==1)st-picture @endif">
                    <dt>{{$price_sepc['name']}}:</dt>
                    @foreach($price_sepc['spu_specs'] as $spu_spec)
                    <dd title="{{$spu_spec['pivot']['spec_value']}}" data-toggle="tooltip" data-placement="top" data-spec="{{$spu_spec['pivot']['spec_value']}}" @if($price_sepc['pivot']['spec_value'] == $spu_spec['pivot']['spec_value']) class="active" @endif>
                        @if($price_sepc['is_show_img'] ==1)
                        <img src="{{$spu_spec['product_img']}}" />
                        @else
                        {{$spu_spec['pivot']['spec_value']}}
                        @endif
                    </dd>
                    @endforeach
                </dl>
                @endforeach
            </div>
        </div>
        <!--主体右侧-操作按钮-->
        <div class="col-sm-12 col-lg-5 st-detail-btn">
            <div class="st-detail-btn-right">
                <!--批发信息-->
                @if(count($row->wholesale_set['num']))
                <div class="st-whosale">
                    <table class="table">
                        <!--<caption>@lang('Wholesale')</caption>-->
                        <thead>
                            <tr>
                                <th>@lang('QTY')</th>
                                <th>@lang('Price')</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($row->wholesale_set['num'] as $wholesale_num)
                            <tr>
                                <td>
                                    @if($loop->last) <font>≥</font> @else <font>≥</font> @endif
                                    {{$wholesale_num}}
                                </td>
                                <td>{{$_current_currency_name}} {{$row->wholesale_set['price'][$loop->index]}}</td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                @endif
                <!--库存状态-->
                @if($row->stock_status == 1 && $row->stock >0)
                <p class="st-instock">{{$row->stock}} @lang('in stock').</p>
                @else
                <p class="st-stockout">@lang('Stock Out.')</p>
                @endif
                <!--购物数量-->
                <p class="st-qty">
                    @lang('QTY'): <input id="ST-QTY" name="qty" value="1" type="number" min="1" max="99999" />
                </p>
                <!--按钮-->
                <p class="st-btn">
                    <button class="btn btn-primary addtocart" onclick="Util.addtocart({{$row->id}}, $('#ST-QTY').val())">
                        <span class="glyphicon glyphicon-shopping-cart"></span>@lang('ADD TO CART')
                    </button>
                    <button class="btn btn-info buynow" onclick="Util.buyNow({{$row->id}}, $('#ST-QTY').val())">
                        <span class="glyphicon glyphicon-hand-right"></span>@lang('Buy Now')
                    </button>
                    <button class="btn btn-default addtowishlist" onclick="Util.addToWishList({{$row->id}})">
                        <span class="glyphicon @if($row->is_collected)glyphicon-heart @else glyphicon-heart-empty @endif"></span>@lang('Add to wish list')
                    </button>
                </p>
            </div>
        </div>
    </div>
</div>